$(function(){

    getGoods();
    getgsshop();
    // 第一个下拉框
    function getgsshop() {
            $('#shangjia li').on('click', function () {
                $('#sjtxt').html($(this).children().text()); 
                $('#sjtxt').attr('data-shopid',$(this).attr('data-shopid'));
                getGoods();
            });
    }
    // 第二个下拉框
    getgsshoparea();
    function getgsshoparea() {
            $('#Area li').on('click', function () {
                $('#diqu').html($(this).children().text()); 
                $('#diqu').attr('data-areaid',$(this).attr('data-areaid')); 
                getGoods(); 
            });
    }    
    //第三个下拉框
    getmuch();
    function getmuch(){
            $('#yuan li').on('click', function () {
                $('#jiage').html($(this).children().text());    
            });
    }

　　// 获取商品数据
    function getGoods(){
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsproduct",
            // url: "http://mmb.ittun.com/api/getgsproduct",
             data: {
                 shopid: $('#sjtxt').attr('data-shopid'),
                 areaid: $('#diqu').attr('data-areaid')
             },
            dataType: "json",
            success: function (res) {
                // console.log(res);
                var html = [];
                for(var i=0; i<res.result.length; i++){
                    html.push("<li>");
                    html.push('<a href="javascript:;">');
                    html.push('<div class="mc-pic">');
                    html.push('<img src="'+ res.result[i].productImg +'" alt="">');
                    html.push('<div class="mc-title">'+ res.result[i].productName +'</div>');
                    html.push('<div class="mc-price">');
                    html.push('<div class="prices">'+ res.result[i].productPrice +'</div>');
                    html.push('<div class="btn-buy">去凑单</div>');
                    html.push('</div>');
                    html.push('</div>');
                    html.push('</a>');
                    html.push('</li>');
                }
                $("#products_items").html(html.join(""));
 
            }
        });
    }

    // 凑单的点击事件
    $("#products_items").on('click','.btn-buy',function(){
        $('#message-container').show();
    });

    $(".off").click(function(){
        $('#message-container').hide();
    });

});